﻿<%@ Page Title="" Language="C#" MasterPageFile="~/TemplatePage.Master" AutoEventWireup="true"
    CodeBehind="lap-phieu-tinh-tien.aspx.cs" Inherits="nhakhoachauau.WebForm5" %>

<%@ Register Src="~/UC/Menu.ascx" TagName="UCMenu" TagPrefix="UCMENU" %>
<%@ Register Src="~/UC/Title.ascx" TagName="UCTitle" TagPrefix="UCTITLE" %>
<%@ Register Src="~/UC/MenuChucNang.ascx" TagName="UCMenuChucNang" TagPrefix="UCMENUCHUCNANG" %>
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder3" runat="server">
    <title>LẬP PHIẾU TÍNH TIỀN</title>
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-fileupload.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/style-responsive.css" rel="stylesheet" />
    <link href="css/style-default.css" rel="stylesheet" id="style_color" />
    <link rel="stylesheet" type="text/css" href="assets/uniform/css/uniform.default.css" />
    <link rel="stylesheet" href="assets/data-tables/DT_bootstrap.css" />
    <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
    <link href="assets/bootstrap/css/bootstrap-fileupload.css" rel="stylesheet" />
    <link href="assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link href="css/style.css" rel="stylesheet" />
    <link href="css/style-responsive.css" rel="stylesheet" />
    <link href="css/style-default.css" rel="stylesheet" id="Link1" />
    <link href="assets/fancybox/source/jquery.fancybox.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="assets/uniform/css/uniform.default.css" />
    <link rel="stylesheet" type="text/css" href="assets/chosen-bootstrap/chosen/chosen.css" />
    <link rel="stylesheet" type="text/css" href="assets/jquery-tags-input/jquery.tagsinput.css" />
    <link rel="stylesheet" type="text/css" href="assets/clockface/css/clockface.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-wysihtml5/bootstrap-wysihtml5.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-datepicker/css/datepicker.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-timepicker/compiled/timepicker.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-colorpicker/css/colorpicker.css" />
    <link rel="stylesheet" href="assets/bootstrap-toggle-buttons/static/stylesheets/bootstrap-toggle-buttons.css" />
    <link rel="stylesheet" type="text/css" href="assets/bootstrap-daterangepicker/daterangepicker.css" />
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="ContentPlaceHolder4" runat="server">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.nicescroll.js" type="text/javascript"></script>
    <script src="assets/bootstrap/js/bootstrap.min.js"></script>
    <script src="js/jquery.blockui.js"></script>
    <!-- ie8 fixes -->
    <!--[if lt IE 9]>
   <script src="js/excanvas.js"></script>
   <script src="js/respond.js"></script>
   <![endif]-->
    <script type="text/javascript" src="assets/uniform/jquery.uniform.min.js"></script>
    <script type="text/javascript" src="assets/data-tables/jquery.dataTables.js"></script>
    <script type="text/javascript" src="assets/data-tables/DT_bootstrap.js"></script>
    <script type="text/javascript" src="assets/bootstrap-toggle-buttons/static/js/jquery.toggle.buttons.js"></script>
    <script type="text/javascript" src="assets/chosen-bootstrap/chosen/chosen.jquery.min.js"></script>
    <script type="text/javascript" src="assets/bootstrap-wysihtml5/wysihtml5-0.3.0.js"></script>
    <script type="text/javascript" src="assets/bootstrap-wysihtml5/bootstrap-wysihtml5.js"></script>
    <script type="text/javascript" src="assets/clockface/js/clockface.js"></script>
    <script type="text/javascript" src="assets/jquery-tags-input/jquery.tagsinput.min.js"></script>
    <script type="text/javascript" src="assets/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-daterangepicker/date.js"></script>
    <script type="text/javascript" src="assets/bootstrap-daterangepicker/daterangepicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-colorpicker/js/bootstrap-colorpicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-timepicker/js/bootstrap-timepicker.js"></script>
    <script type="text/javascript" src="assets/bootstrap-inputmask/bootstrap-inputmask.min.js"></script>
    <script src="assets/fancybox/source/jquery.fancybox.pack.js"></script>
    <!--common script for all pages-->
    <script src="js/common-scripts.js"></script>
    <!--script for this page only-->
    <script src="js/editable-table.js"></script>
    <script src="js/form-component.js"></script>
    <!-- END JAVASCRIPTS -->
    <script>
        jQuery(document).ready(function () {
            EditableTable.init();
        });
        function sonu(strid) {
            var prtcontent = document.getElementById(strid);
            var winprint = window.open('', '', 'left=0, top=0, width=500,height=500,toolbars=0,scrollbars=0,status=0, url=0');
            winprint.document.write(prtcontent.innerHTML);
            winprint.document.close();

            winprint.print();
            winprint.close();

        }
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="server">
    <UCMENU:UCMenu runat="server" ID="ucmenu1" />
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="row-fluid">
        <div class="span12">
            <div id="theme-change" class="hidden-phone">
                <i class="icon-cogs"></i><span class="settings"><span class="text">Theme Color:</span>
                    <span class="colors"><span class="color-default" data-style="default"></span><span
                        class="color-green" data-style="green"></span><span class="color-gray" data-style="gray">
                        </span><span class="color-purple" data-style="purple"></span><span class="color-red"
                            data-style="red"></span></span></span>
            </div>
            <h3 class="page-title">
                QUẢN LÝ KHÁM BỆNH
            </h3>
            <ul class="breadcrumb">
                <li><a href="default.aspx">TRANG CHỦ</a> <span class="divider">/</span> </li>
                <li><a href="default.aspx">QUẢN LÝ KHÁM BỆNH </a></li>
                <li class="pull-right search-wrap">
                    <form action="" class="hidden-phone">
                    <div class="input-append search-input-area">
                        <input class="" id="appendedInputButton" type="text">
                        <button class="btn" type="button">
                            <i class="icon-search"></i>
                        </button>
                    </div>
                    </form>
                </li>
            </ul>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <div class="widget">
                <div class="widget-title">
                    <h4>
                        <i class="icon-th-large"></i>Chức năng
                    </h4>
                    <span class="tools"><a href="javascript:;" class="icon-chevron-up"></a><a href="javascript:;"
                        class="icon-remove"></a></span>
                </div>
                <div class="widget-body" style="display: none;">
                    <!--BEGIN METRO STATES-->
                    <div class="metro-nav">
                        <div class="metro-nav-block nav-block-orange">
                            <a data-original-title="" href="#"><i class="icon-user"></i>
                                <div class="info">
                                    321</div>
                                <div class="status">
                                    Thêm bênh nhân</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-yellow">
                            <a data-original-title="" href="#"><i class="icon-tags"></i>
                                <div class="info">
                                    +970</div>
                                <div class="status">
                                    Xuất phiếu thu</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-grey">
                            <a data-original-title="" href="#"><i class="icon-comments-alt"></i>
                                <div class="info">
                                    49</div>
                                <div class="status">
                                    Xuất phiếu chi</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-blue">
                            <a data-original-title="" href="#"><i class="icon-eye-open"></i>
                                <div class="info">
                                    +897</div>
                                <div class="status">
                                    Tra cứu hồ sơ</div>
                            </a>
                        </div>
                        <div class="metro-nav-block nav-block-red">
                            <a data-original-title="" class="text-center" href="#"><i class="icon-lightbulb"></i>
                                <div class="status">
                                    Trợ giúp</div>
                            </a>
                        </div>
                    </div>
                    <div class="clearfix">
                    </div>
                    <!--END METRO STATES-->
                </div>
            </div>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span12">
            <!-- BEGIN EXAMPLE TABLE widget-->
            <div class="widget purple">
                <div class="widget-title">
                    <h4>
                        <i class="icon-reorder"></i>Thông tin điều trị</h4>
                    <span class="tools"><a href="javascript:;" class="icon-chevron-up"></a><a href="javascript:;"
                        class="icon-remove"></a></span>
                </div>
                <div class="widget-body" style="display: none;">
                    <form class="cmxform form-horizontal" id="Form3" method="get" action="#">
                    <div class="control-group ">
                        <label for="cname" class="control-label" style="width: 120px">
                            Bác sỹ điều trị</label>
                        <div class="controls" style="margin-left: 120px;">
                            <input class="span6 " value="Bác sỹ Liên" type="text" placeholder="" disabled />
                        </div>
                    </div>
                    <div class="control-group ">
                        <label for="cname" class="control-label" style="width: 120px">
                            Cách điều trị</label>
                        <div class="controls" style="margin-left: 120px;">
                            <input class="span6 " value="Trồng răng sứ" type="text" placeholder="" disabled />
                        </div>
                    </div>
                    <div class="control-group ">
                        <label for="cname" class="control-label" style="width: 120px">
                            Tổng tiền</label>
                        <div class="controls" style="margin-left: 120px;">
                            <input class="span6 " type="text" value="4,200,000 VNĐ" style="font-weight: 900;
                                color: Red" value="000,000,000 VNĐ" placeholder="" disabled />
                        </div>
                    </div>
                    <div class="control-group ">
                        <label for="cname" class="control-label" style="width: 120px">
                            Thời gian điều trị</label>
                        <div class="controls" style="margin-left: 120px;">
                            <input class="span6 " type="text" value="30/9/2013" placeholder="" disabled />
                        </div>
                    </div>
                    <div class="control-group ">
                        <label for="cname" class="control-label" style="width: 120px">
                            Ghi chú</label>
                        <div class="controls" style="margin-left: 120px;">
                            <textarea class="span6 " rows="3" disabled>Răng thứ 3 + 13</textarea>
                        </div>
                    </div>
                    <table class="table table-striped table-hover table-bordered" id="Table3">
                        <thead>
                            <tr>
                                <%
                                    for (int i = 1; i <= 16; i++)
                                    {
                                        if (i == 10 || i == 16)
                                        {
                                            Response.Write("<td style='width:60px; font-size:5em; height:60px;color:red'>" + "<i class='icon-remove'></i>" + "</td>");
                                            continue;
                                        }
                                        Response.Write("<th>" + i + "</th>");
                                    }
                                %>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="">
                                <%
                                    for (int i = 1; i <= 16; i++)
                                    {
                                        if (i == 5 || i == 4)
                                        {
                                            Response.Write("<td style='width:60px; font-size:5em; height:60px;color:red'>" + "<i class='icon-remove'></i>" + "</td>");
                                            continue;
                                        }
                                        Response.Write("<td>" + i + "</td>");
                                    }
                                %>
                            </tr>
                        </tbody>
                    </table>
                    <div class="form-actions">
                        <button class="btn btn-success" type="submit">
                            Chỉnh sửa</button>
                    </div>
                    </form>
                </div>
            </div>
            <!-- END EXAMPLE TABLE widget-->
        </div>
    </div>
    <div class="row-fluid">
        <div class="span5">
            <!-- BEGIN EXAMPLE TABLE widget-->
            <div class="widget purple">
                <div class="widget-title">
                    <h4>
                        <i class="icon-reorder"></i>Thêm chi tiết phiếu thu phí</h4>
                    <span class="tools"><a href="javascript:;" class="icon-chevron-down"></a><a href="javascript:;"
                        class="icon-remove"></a></span>
                </div>
                <div class="widget-body">
                    <form class="cmxform form-horizontal" id="Form1" method="get" action="#">
                    <div class="control-group">
                        <label class="control-label" style="width: 120px">
                            Nhân viên lập (*)</label>
                        <div class="controls" style="margin-left: 120px;">
                            <select class="span6 chzn-select" style="width: 100%" data-placeholder="Chọn nhân viên"
                                tabindex="1">
                                <option value=""></option>
                                <option value="Category 1">Ngọc</option>
                                <option value="Category 2">Dũng</option>
                                <option value="Category 3">Nguyên</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group ">
                        <label for="cname" class="control-label" style="width: 100px">
                            Lý do thu (*)</label>
                        <div class="controls" style="margin-left: 120px;">
                            <textarea class="span6 " style="width: 100%" rows="3" required></textarea>
                        </div>
                    </div>
                    <div class="control-group ">
                        <label for="cname" class="control-label" style="width: 100px">
                            Chi phí (*)</label>
                        <div class="controls" style="margin-left: 120px;">
                            <input type="text" style="color: Red; font-weight: 900; font-size: large; width: 100%"
                                placeholder="" data-mask="999,900,000 VNĐ" value="000,000,000 VNĐ" class="span5">
                            <span class="help-inline"></span>
                        </div>
                    </div>
                    <div class="form-actions">
                        <button class="btn btn-success" type="submit">
                            Thêm</button>
                        <button class="btn" type="button">
                            Hủy</button>
                    </div>
                    </form>
                </div>
            </div>
            <!-- END EXAMPLE TABLE widget-->
        </div>
        <div class="span7">
            <!-- BEGIN GRID SAMPLE PORTLET-->
            <div class="widget purple">
                <div class="widget-title">
                    <h4>
                        <i class="icon-reorder"></i>Thông tin bệnh nhân</h4>
                    <span class="tools"><a class="icon-chevron-down" href="javascript:;"></a><a class="icon-remove"
                        href="javascript:;"></a></span>
                </div>
                <div class="widget-body">
                    <div>
                        <div class="space15">
                        </div>
                        <table class="table table-striped table-hover table-bordered" id="Table1">
                            <thead>
                                <tr>
                                    <th>
                                        Số hồ sơ
                                    </th>
                                    <th>
                                        Họ tên
                                    </th>
                                    <th>
                                        Điện thoại
                                    </th>
                                    <th>
                                        Địa chỉ
                                    </th>
                                    <th>
                                        Giới tính
                                    </th>
                                    <th>
                                        Chi tiết
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="">
                                    <td>
                                        7000
                                    </td>
                                    <td>
                                        Nguyễn văn B
                                    </td>
                                    <td>
                                        0933208496
                                    </td>
                                    <td class="center">
                                        45 Lý Thái Tổ
                                    </td>
                                    <td>
                                        Nam
                                    </td>
                                    <td>
                                        <a class="edit" href="javascript:;">Chi tiết</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="span7">
            <!-- BEGIN EXAMPLE TABLE widget-->
            <div class="widget purple">
                <div class="widget-title">
                    <h4>
                        <i class="icon-reorder"></i>Phiếu thu</h4>
                    <span class="tools"><a href="javascript:;" class="icon-chevron-down"></a><a href="javascript:;"
                        class="icon-remove"></a></span>
                </div>
                <div class="widget-body">
                    <div>
                        <div class="clearfix">
                            <div class="btn-group">
                                <button class="btn green">
                                    Thêm chi tiết phiếu thu <i class="icon-plus"></i>
                                </button>
                            </div>
                        </div>
                        <div class="space15">
                        </div>
                        <table class="table table-striped table-hover table-bordered" id="Table2">
                            <thead>
                                <tr>
                                    <th>
                                        Số thứ tự
                                    </th>
                                    <th>
                                        Lý do
                                    </th>
                                    <th>
                                        Chi phí
                                    </th>
                                    <th>
                                        Xóa
                                    </th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr class="">
                                    <td>
                                        1
                                    </td>
                                    <td>
                                        Trồng răng sứ
                                    </td>
                                    <td>
                                        <span style="color: Red; font-weight: 900">1,200,000 VNĐ</span>
                                    </td>
                                    <td>
                                        <a class="delete" href="javascript:;">Xóa</a>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                        <div class="form-actions">
                            <form class="cmxform form-horizontal" id="Form2" method="get" action="">
                            <div class="control-group ">
                                <label for="cname" class="control-label" style="width: 150px">
                                    Tổng tiền thanh toán</label>
                                <div class="controls" style="margin-left: 180px;">
                                    <input class="span6 " value="4,200,000 VNĐ" id="Text2" name="name" style="color: Red;
                                        font-weight: 900; font-size: large; width: 100%" minlength="2" type="text" disabled />
                                    <span class="help-inline"><span style="font-size: x-large; font-weight: 900">-</span></span>
                                </div>
                            </div>
                            <div class="control-group ">
                                <label for="cname" class="control-label" style="width: 150px">
                                    Đã thanh toán</label>
                                <div class="controls" style="margin-left: 180px;">
                                    <input class="span6 " value="0 VNĐ" id="Text1" name="name" style="color: #7912e3;
                                        font-weight: 900; font-size: large; width: 100%" minlength="2" type="text" disabled />
                                    <span class="help-inline"><span style="font-size: x-large; font-weight: 900">-</span></span>
                                </div>
                            </div>
                            <div class="control-group ">
                                <label for="cname" class="control-label" style="width: 150px">
                                    Khách hàng thanh toán</label>
                                <div class="controls" style="margin-left: 180px;">
                                    <input type="text" style="color: Red; font-weight: 900; font-size: large; width: 100%"
                                        placeholder="" data-mask="999,900,000 VNĐ" value="1,200,000 VNĐ" class="span5">
                                    <span class="help-inline"><span style="font-size: x-large; font-weight: 900">=</span></span>
                                </div>
                            </div>
                            <div class="control-group ">
                                <label for="cname" class="control-label" style="width: 150px">
                                    Còn nợ:</label>
                                <div class="controls" style="margin-left: 180px;">
                                    <input class="span6 " id="Text4" value="3,000,000 VNĐ" name="name" style="color: #ff6a00;
                                        font-weight: 900; font-size: large; width: 100%" minlength="2" type="text" disabled />
                                </div>
                            </div>
                        </div>
                        <div class="form-actions">
                            <input class="btn btn-success" type="button" onclick="javascript:sonu('DIVPrint');"
                                value="Thanh toán và in hóa đơn">
                            <button class="btn" type="button">
                                Hủy</button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
            <!-- END EXAMPLE TABLE widget-->
        </div>
        <div id="DIVPrint" style="margin: 0px auto; visibility: hidden">
            <h3 style="margin: 0px auto; text-align: center">
                <span>HÓA ĐƠN THANH TOÁN</span></h3>
            <br />
            <div  style="float: right">
            <div>
                Ngày: 15/9/2013</div>
            <div>
                Giờ: 4:00 PM</div></div>
            <br />
            <div style="clear: both">
            Số hồ sơ: <strong>7000</strong><br />
            Bệnh nhân: <strong >Nguyễn văn B </strong>
            <br />
            Điện thoại: <strong>0933208496</strong></div>
            <br />
            <table style="width: 100%; border-style:dashed" border="1" cellpadding=0 cellspacing=0 >
                <thead>
                    <tr>
                        <th>
                            #
                        </th>
                        <th>
                            Lý do
                        </th>
                        <th>
                            Chi phí
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="">
                        <td>
                            1
                        </td>
                        <td>
                            Trồng răng sứ
                        </td>
                        <td>
                            <span style="color: Red; font-weight: 900">1,200,000 VNĐ</span>
                        </td>
                    </tr>
                </tbody>
            </table>
            <div style="font-weight: 500; float: right">
                <br />
                <hr />
                Tổng phí điều trị: <strong>4,200,000 VNĐ</strong><br />
                Đã thanh toán: <strong>1,200,000 VNĐ</strong><br />
                <hr />
                Thanh toán hiện tại: <strong>2,000,000 VNĐ</strong>
                <hr />
                Còn lại: <strong>1,000,000 VNĐ</strong>
            </div>
            
            <div style="clear:both; text-align: center">
            <span style="font-size:larger;"><br /><br />XIN CÁM ƠN QUÝ KHÁCH<br />HẸN GẶP LẠI!!!</span></div>
        </div>
    </div>
    </span>
</asp:Content>
